<template>
<!--  组件的结构-->
  <div class="demo">
    <h2 >学校名称：{{ name|mySlice }}</h2>
    <h2>学校地址：{{ address }}</h2>
  </div>
</template>
<script>
//组件交互相关的代码（数据、方法等等）
//   const school=Vue.extend(options)可以简写为 const school=options
export default {
  name:'School',
  data() {
    return {
      address:'北京',
      name:'尚硅谷atguigu'
    }
  },
  methods:{
  }
}
</script>
<style scoped>
/*组件的样式*/
.demo{
  background-color: gray;
}

</style>